<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 	<title> t3</title>
 	<meta charset='UTF-8' />
 	<style type='text/css'>
  		div{ border:solid 2px red; }
		img{ margin:0px; }
 	</style>
	<script type='text/javascript' src='jquery/jquery-1.11.1.js'></script>
 	<script type='text/javascript'>
 		$(function(){
			var i = 1;
			$('button').click(function(){
				
				//$('div').attr('align','right');//添加属性
				//$('div').removeAttr('align');//删除属性
				
				//alert($('img').width());//821获取图片宽度
				//alert($('img').height);//423获取图片高度
				//console.log($('img').offset());
				
				//$('div').height(300).width(200);//设置div高宽
				
				//alert($('input').val());//获取文本框值
				//$('input').val('hello world');//修改文本框值
				//$(this).html('<h1>aa</h1>');//修改字符
				//$(this).text('<h1>aa</h1>');//修改文本
				//alert($(this).text());//获取字符
				//alert($(this).html());//获取文本
				
				//$(this).clone(true).appendTo('div');//复制指定标签
				/*var nb = $("<button>",{html:'新按钮'+i++});//创建标签
				nb.prependTo($('div')).click(function(){
					$(this).remove();//点击删除标签
				});*/
				//$('div').prepend(nb);
				//nb.appendTo('div');
				//$('div').append(nb);
			});
		});
	</script>
 </head>
 <body>
 	<input />
  	<button>按钮</button>
	<div align='center'>hello world</div>
	<img src='qq.jpg' alt='没有' />
 </body>
</html>
